import 'package:flutter/material.dart';
import 'package:vant/src/widgets/widgets.dart';
import 'package:google_fonts/google_fonts.dart';

import '../app.dart';

class NotFoundView extends StatelessWidget {
  final String title;
  final String route;

  const NotFoundView({super.key, required this.title, required this.route});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(title)),
      body: Column(
        mainAxisSize: MainAxisSize.min,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          SizedBox(height: MediaQuery.of(context).size.height * 0.1),
          Image.asset("assets/logo.png", width: 120, height: 120),
          Text(
            '404 NOT FOUND!',
            style: GoogleFonts.concertOne(
              fontSize: 28,
              color: kVanDocTextColor2.get(context),
              fontWeight: FontWeight.w400,
              height: 60 / 28,
            ),
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: [
              Text("Title: $title", style: GoogleFonts.workSans(fontSize: 16, color: kVanDocTextColor2.get(context), fontWeight: FontWeight.w400)),
              Text("Route: $route", style: GoogleFonts.workSans(fontSize: 16, color: kVanDocTextColor2.get(context), fontWeight: FontWeight.w400)),
            ],
          ),
        ],
      ),
    );
  }
}
